<template>
	<view class="wrapper">
		<view class="content">
			<view class="ent-item"  v-for="(item, index) in Notice.list" :key="index" @click="link(index)">
				<view class="ent-img"><image :src="imgUrl+item.image1+'?'+num" mode="aspectFill"></image></view>
				
				<view class="ent-text">
					<view class="ent-t">{{ item.title }}</view>
					
					<view class="ent-p">{{ item._title }}</view>
					
					<view class="ent-time">{{ item.addtime }}</view>
				</view>
			</view>
			
	
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Notice:{
					list:[
						// {
						// 	imageUrl:'../../static/images/khgl.png',
						// 	title:'啥通知',
						// 	description:'啥的哈哈傻傻的和',
						// 	addtime:'2019-02-09'
						// }
					]
				},
				imgUrl:'',//图片链接
				num:Math.random(),
			}
		},
		onLoad() {
			this.Notice = uni.getStorageSync('getNotice');
			this.imgUrl = this.api.imgUrl
		},
		methods: {
			
			link(index) {
				uni.navigateTo({
				    url: '/pages/user/informDetails?index='+index
				});
			},
			
		}
	}
</script>

<style lang="scss">
	@import url('../../common/common.css');
	
	page {
		background: #f6f6f6;
	}
	
	.content {
		padding: 30upx;
	}
	
	.ent-item {
		margin-bottom: 20upx;
		padding: 30upx 20upx;
		display: flex;
		align-items: center;
		background: #fff;
		border-radius: 10upx;
		.ent-img {
			margin-right: 30upx;
			width: 170upx;
			height: 170upx;
			border-radius: 6upx;
		}
		.ent-text {
			width: 69%;
			.ent-t {
				font-size: 34upx;
				color: #222;
				line-height: 55upx;
			}
			.ent-time {
				font-size: 24upx;
				color: #999;
				line-height: 35upx;
			}
			.ent-p {
				font-size: 26upx;
				line-height: 35upx;
				color: #666;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}
		}
	}
	
</style>
